﻿@using HopNguyenCore
@{
    Layout = null;
    var admin = new Admin();
}


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>@ViewBag.Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="/backend/css/bootstrap.css" rel="stylesheet">
    <link href="/backend/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="/backend/css/general.css" rel="stylesheet">
    <link href="/backend/css/colors/noise-black.css" rel="stylesheet" id="theme">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <link href="css/ie8.css" rel="stylesheet">
      <script src="../../html5shim.googlecode.com/svn/trunk/html5.js"></script>
      <script src="/backend/js/respond/respond.min.js"></script>
    <![endif]-->

    <script>
        //* hide all elements & show preloader
        document.documentElement.className += 'loader';
    </script>
</head>

<body>
    @if (Admin.Current == null)
    {
        Response.Redirect("/cpanel");
    }
    <div class="loading">
        <img src="/backend/img/ajaxLoader/loader01.gif" alt=""></div>

    <div class="mainContainer">
        <header>
            <div>
                <a href="#" class="logo">
                    <img src="/backend/img/logo.png" alt=""></a>

                <ul class="headerButtons">
                    <li class="respNav"><a href="#">
                        <img src="/backend/img/icons/14x14/light/list.png" alt=""></a></li>
                    <li class="conta"><a href="#" class="changeContainer"><span class="container"></span></a></li>
                    <li><a href="#">
                        <img src="/backend/img/icons/14x14/light/cog.png" alt=""></a></li>
                    <li class="layout"><a href="#" class="layoutChange"><span class="layoutLeft"></span></a></li>
                    <li><a href="#">
                        <img src="/backend/img/icons/14x14/light/lock3.png" alt=""></a></li>
                </ul>
            </div>
        </header>

        <div class="widgetBar">
            <div class="barInner">
                @Html.Raw(admin.LoadGroupMenu())
                <div class="widgetBarContent">
                    <div class="divider">
                        <div><span></span></div>
                    </div>
                    <div id="date"></div>
                    <div class="divider">
                        <div><span></span></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="content">
            <div class="topBar">
                <div class="topBarInner">
                    <ul class="breadcrumbs">
                        <li><a href="#">
                            <img src="/backend/img/icons/14x14/home5.png" alt=""></a></li>
                    </ul>
                    @if (Admin.Current != null)
                    {
                    <ul class="profile barButtons">
                        <li class="profile"><a href="#">
                            <img src="/backend/img/icons/14x14/member2.png" alt="">
                            
                                @Admin.Current.Fullname
                             <span class="arrow"></span></a>
                            <ul>
                                <li class="profileInfo clearfix">
                                    <img src="/Backend/preview/avatar.jpg" alt="">
                                    <div class="info">
                                        <h5>@Admin.Current.Fullname</h5>
                                        <a href="mailto:@(Admin.Current.Fullname)">@Admin.Current.Email</a>
                                    </div>
                                </li>
                                <li><a href="#">
                                    <img src="/backend/img/icons/14x14/lock3.png" alt="">
                                    Account settings</a></li>
                                <li><a href="/cpanel/logout">
                                    <img src="/backend/img/icons/14x14/lock3.png" alt="">
                                    Log out</a></li>
                            </ul>
                        </li>
                    </ul>
                    }
                </div>
            </div>

            <div class="contentInner">
                @RenderBody()

                <div class="divider">
                    <div><span></span></div>
                </div>

            </div>

        </div>
    </div>

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="/backend/js/jquery-1.8.3.js"></script>
    <script src="/backend/js/ui/jquery-ui-1.9.2.custom.js"></script>

    <!-- flot plugin -->
    <script src="/backend/js/flot/excanvas.min.js"></script>
    <script src="/backend/js/flot/jquery.flot.js"></script>
    <script src="/backend/js/flot/jquery.flot.pie.min.js"></script>
    <script src="/backend/js/flot/jquery.flot.resize.js"></script>
    <script src="/backend/js/flot/jquery.flot.orderBars.js"></script>

    <!-- Jquery form wizard -->
    <script src="/backend/js/formWizard/jquery.form.js"></script>
    <script src="/backend/js/formWizard/jquery.validate.js"></script>
    <script src="/backend/js/formWizard/bbq.js"></script>
    <script src="/backend/js/formWizard/jquery.form.wizard.js"></script>

    <!-- antiscroll plugin -->
    <script src="/backend/js/scrollbar/jquery.mCustomScrollbar.js"></script>

    <!-- fullcalendar plugin -->
    <script src="/backend/js/fullcalendar/fullcalendar.js"></script>

    <!-- tipsyS plugin -->
    <script src="/backend/js/tipsy/jquery.tipsy.js"></script>

    <!-- fancybox plugin -->
    <script src="/backend/js/fancybox/jquery.fancybox.pack.js"></script>

    <!-- uniform plugin -->
    <script src="/backend/js/uniform/jquery.uniform.js"></script>

    <!-- Jquery dataTable -->
    <script src="/backend/js/dataTable/jquery.dataTables.js"></script>

    <!-- uniform plugin -->
    <script src="/backend/js/sparklines/jquery.sparkline.js"></script>

    <!-- chosen plugin -->
    <script src="/backend/js/chosen/chosen.jquery.js"></script>

    <!-- cookie plugin -->
    <script src="/backend/js/cookie/jquery.cookie.js"></script>

    <!-- jplayer plugin -->
    <script src="/backend/js/jplayer/jquery.jplayer.min.js"></script>

    <!-- mask plugin -->
    <script src="/backend/js/mask/jquery.maskedinput-1.3.js"></script>

    <!-- easypiechart plugin -->
    <script src="/backend/js/easypiechart/jquery.easy-pie-chart.js"></script>

    <!-- globalize plugin -->
    <script src="/backend/js/globalize/globalize.js"></script>
    <script src="/backend/js/globalize/cultures/globalize.culture.de.js"></script>

    <!-- jplayer plugin -->
    <script src="/backend/js/jplayer/jquery.jplayer.min.js"></script>
    <script src="/backend/js/jplayer/jplayer.playlist.min.js"></script>

    <!-- ibutton plugin -->
    <script src="/backend/js/ibutton/jquery.ibutton.js"></script>

    <!-- daterangepicker plugin -->
    <script src="/backend/js/dateRangepicker/date.js"></script>
    <script src="/backend/js/dateRangepicker/daterangepicker.jQuery.js"></script>

    <!-- antiscroll plugin -->
    <script src="/backend/js/antiscroll/jquery-mousewheel.js"></script>
    <script src="/backend/js/antiscroll/antiscroll.js"></script>

    <script src="/backend/js/bootstrap.min.js"></script>
    <script src="/backend/js/application.js"></script>

    <script src="/backend/js/general.js"></script>
    <script src="/backend/js/forms.js"></script>
    <script src="/backend/js/dashboard.js"></script>

    <script>
        $(document).ready(function () {
            setTimeout('$("html").removeClass("loader")', 1000);
        });
    </script>

</body>
</html>
